<template>
    <div>
        <el-row :gutter="24">
            <el-col :span="6">
                <el-image style="width: 50px; height: 50px" :src=" fullUrl(props.renderRow.service.service_cover_img)"
                          fit="fill"/>
            </el-col>
            <el-col :span="18" align="left">
                <p>服务名称：{{   props.renderRow.service.service_name }}</p>
                <p>服务时长：{{   props.renderRow.service.service_duration }}分钟</p>
            </el-col>

        </el-row>
    </div>
</template>
<script setup lang="ts">
import {TableColumnCtx} from 'element-plus'
import {Location, LocationInformation} from "@element-plus/icons-vue";
import {fullUrl} from "../../../utils/common";

interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}

const props = defineProps<Props>()


</script>
<style scoped lang="scss">
span {
    color: #ff4040;
    font-weight: bold;
}
</style>
